<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org">

<head th:replace="~{common/head :: head}">
</head>

<body>
  <!--  Body Wrapper -->
  <div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
    data-sidebar-position="fixed" data-header-position="fixed">
    <div
      class="position-relative overflow-hidden radial-gradient min-vh-100 d-flex align-items-center justify-content-center">
      <div class="d-flex align-items-center justify-content-center w-100">
        <div class="row justify-content-center w-100">
          <div class="col-md-8 col-lg-6 col-xxl-3">
            <div class="card mb-0">
              <div class="card-body">
                <a th:href="@{/index}" class="text-nowrap logo-img text-center d-block py-3 w-100">
                  <img th:src="@{/images/logos/dark-logo.svg}" width="180" alt="">
                </a>
                <p class="text-center">小李电差，您的第二个办公助手</p>
                <form>
                  <div class="mb-3">
                    <label for="exampleInputPhone" class="form-label">邮箱/手机号：</label>
                    <input type="text" class="form-control" id="exampleInputPhone" aria-describedby="textHelp">
                  </div>
                  <div class="mb-4">
                    <label for="exampleInputCaptcha" class="form-label">验证码：</label>
                    <input type="text" class="form-control" id="exampleInputCaptcha">
                  </div>
                  <a th:href="@{/index}" class="btn btn-primary w-100 py-8 fs-4 mb-4 rounded-2">重置并登录</a>
                  <div class="d-flex align-items-center justify-content-center">
                    <p class="fs-4 mb-0 fw-bold">邮箱/手机号无法使用？</p>
                    <a class="text-primary fw-bold ms-2" th:href="@{/email}">给我留言</a>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>